<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>还款明细</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="../../../js/angular.js"></script>
<link rel="stylesheet" href="../../../layui/css/layui.css" media="all">
<script type="text/javascript" src="../../../layui/lay/modules/layer.js"></script>
<script src="../../../layui/jquery-3.2.1.min.js" charset="utf-8"></script>
<script src="../../../layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../../../dwwsyyt/dw/gjjhbj/fy.js"></script>
</head>
<body>

	<fieldset class="layui-elem-field layui-field-title"
		style="margin-top: 30px;">
		<legend>还款明细</legend>
	</fieldset>
	<div ng-app="myApp" ng-controller="customersCtrl" align="center">
	 	<div class="layui-inline" align="center">
	    	<label class="layui-form-label" style="width: 80px">还款年月:</label>
			    <div class="layui-input-inline">
			        <input class="layui-input" id="test8" placeholder="请选择年月" type="text" style="width: 260px">
			    </div>
	      		<input ng-click="cx()" type="button" class="layui-btn layui-btn-primary" value="查&nbsp;&nbsp;&nbsp;&nbsp;询">
	    </div>
		<div><loading>查询中请稍后</loading>  
		<table class="layui-table" style="width:90%">
			<tr align="center" style="background-color:#f1f1f1">
				<td>借款人姓名</td>
				<td>业务发生日期</td>
				<td>贷款账号</td>
				<td>发生额</td>
				<td>本金金额</td>
				<td>利息金额</td>
				<td>罚息金额</td>
			</tr>
			<tr ng-repeat="x in names" align="center">
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.JKRXM }}</td>
				<td ng-if="$even">{{ x.JKRXM }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.YWFSRQ
					}}</td>
				<td ng-if="$even">{{ x.YWFSRQ }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.DKZH }}</td>
				<td ng-if="$even">{{ x.DKZH }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.FSE }}</td>
				<td ng-if="$even">{{ x.FSE }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.BJJE }}</td>
				<td ng-if="$even">{{ x.BJJE }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.LXJE }}</td>
				<td ng-if="$even">{{ x.LXJE }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.FXJE }}</td>
				<td ng-if="$even">{{ x.FXJE }}</td>

			</tr>
		</table>
		</div>
		<div class="layui-btn-group">
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Sy()">首页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Previous()">上一页</button>
			<button ng-repeat="page in pageList"
				class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="selectPage(page)">{{ page }}</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Next()">下一页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Wy()">尾页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm ">
			{{selPage}}/{{pages}}</button>
		</div>
	</div>
	<script>
    function getPath(){
		   return 'http://'+location.host;	
	      };
	    var a;
	    var app = angular.module('myApp', []);
	    	 app.directive('loading', function(){  
		        return {  
		            restrict: 'E',  
		            transclude: true,  
		            template: '<div ng-show="loading" class="loading" id="allDiv"  style="position:fixed; top:0px; left:0px; width:100%; height:100%; display:none; background-color:#000; opacity: 0.5; z-index:99999;">'  
		            +'<img alt="" src="../../../layui/img/jz.gif" style="vertical-align: middle;width:30px; height:30px; position: absolute; top:50%; left:50%; margin-top: -50px; margin-left:-50px;"/>'
		            +'</div>',  
		            link: function (scope, element, attr) {  
		                scope.$watch('loading', function (val) {  
		                    if (val){  
		                        document.getElementById("allDiv").style.display = "block";  
		                    }else{  
		                        document.getElementById("allDiv").style.display = 'none';  
		  
		                    }  
		                });  
		            }  
		        };
		    });  
		    app.controller('customersCtrl', function($scope, $http) {
		    $scope.setLoading =function(){  
			    if($scope.loading ==undefined || $scope.loading ==false){  
			        $scope.loading=true;  
			    }else{  
			        $scope.loading=false;  
			    };
			};
		    $scope.cx = function () {
		   		var rq=document.getElementById("test8").value;
		   		if(rq!=null && rq!=""){
		   			$scope.setLoading();
		   			$scope.params={sj:rq},
			$http({
				
				url:getPath() + "/wsyyt/mingxicontrller/test",
				method:'post',
				params:$scope.params
			}).then(
					function(res) {
								$scope.data = res.data.data;//自己打断点看格式:[{},{}]
								$scope.setLoading();
								if(res.data.code==1){
									$scope.names="";
									$scope.selPage="";
									$scope.selectPage="";
									$scope.pages="";
									$scope.page="";
									$scope.pageList="";
									layer.msg('提示：'+res.data.CW,{icon: 5});	
									return null;
								}	
								a = res.data.CNT;
								feny($scope.data);	
						});	
		   			}else{
		   						$scope.names="";
								$scope.selPage="";
								$scope.selectPage="";
								$scope.pages="";
								$scope.page="";
								$scope.pageList="";
								layer.alert("还款年月不能是空！");
								return null;	
		   			}
      			
				};
		});	
	</script>
	<script>
layui.use(['form', 'layedit', 'laydate'], function(){
  var form = layui.form
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate;
  
  laydate.render({
  	elem: '#test8'
	,type: 'month'
	,range: true
	});
});
</script>
<script src="../../../layui/jquery-3.2.1.min.js" charset="utf-8"></script>
</body>
</html>